<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Material of Analysis | 配置参考</title>
    <meta name="description" content="The analytical data that you often use to learn">
    <link rel="icon" href="/material/logo.png">
  <link rel="manifest" href="/material/manifest.json">
  <meta name="theme-color" content="#3eaf7c">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="apple-touch-icon" href="/material/icons/apple-touch-icon-152x152.png">
  <link rel="mask-icon" href="/material/icons/safari-pinned-tab.svg" color="#3eaf7c">
  <meta name="msapplication-TileImage" content="/icons/msapplication-icon-144x144.png">
  <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/material/assets/css/0.styles.89749010.css" as="style"><link rel="preload" href="/material/assets/js/app.671f232e.js" as="script"><link rel="preload" href="/material/assets/js/11.b5d01b0b.js" as="script"><link rel="prefetch" href="/material/assets/js/9.6ad28882.js"><link rel="prefetch" href="/material/assets/js/1.a893eea4.js"><link rel="prefetch" href="/material/assets/js/2.ad32dd32.js"><link rel="prefetch" href="/material/assets/js/3.2af42d2c.js"><link rel="prefetch" href="/material/assets/js/4.b8a50edf.js"><link rel="prefetch" href="/material/assets/js/5.3a34f633.js"><link rel="prefetch" href="/material/assets/js/6.36baf8b1.js"><link rel="prefetch" href="/material/assets/js/7.23741c7b.js"><link rel="prefetch" href="/material/assets/js/8.0b506f6a.js"><link rel="prefetch" href="/material/assets/js/10.aa5bc1f8.js"><link rel="prefetch" href="/material/assets/js/12.2aab57fe.js"><link rel="prefetch" href="/material/assets/js/13.17c8fcb3.js"><link rel="prefetch" href="/material/assets/js/14.b0d8de38.js"><link rel="prefetch" href="/material/assets/js/15.95c4b4d8.js"><link rel="prefetch" href="/material/assets/js/16.8279b098.js"><link rel="prefetch" href="/material/assets/js/17.c88c3a9c.js"><link rel="prefetch" href="/material/assets/js/18.0635186f.js"><link rel="prefetch" href="/material/assets/js/19.5e722a99.js">
    <link rel="stylesheet" href="/material/assets/css/0.styles.89749010.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/material/" class="home-link router-link-active"><!----><span class="site-name">
      Material of Analysis
    </span></a><div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""><!----></div><nav class="nav-links can-hide"><div class="nav-item"><a href="/material/basic/" class="nav-link">基础</a></div><a href="https://github.com/docschina/vuepress" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header><div class="sidebar-mask"></div><div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/material/basic/" class="nav-link">基础</a></div><a href="https://github.com/docschina/vuepress" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav><ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>配置参考</span><!----></p><ul class="sidebar-group-items"><li><a href="/material/config/#基本配置-basic-config" class="sidebar-link">基本配置(basic config)</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/material/config/#base" class="sidebar-link">base</a></li><li class="sidebar-sub-header"><a href="/material/config/#title" class="sidebar-link">title</a></li><li class="sidebar-sub-header"><a href="/material/config/#description" class="sidebar-link">description</a></li><li class="sidebar-sub-header"><a href="/material/config/#head" class="sidebar-link">head</a></li><li class="sidebar-sub-header"><a href="/material/config/#host" class="sidebar-link">host</a></li><li class="sidebar-sub-header"><a href="/material/config/#port" class="sidebar-link">port</a></li><li class="sidebar-sub-header"><a href="/material/config/#dest" class="sidebar-link">dest</a></li><li class="sidebar-sub-header"><a href="/material/config/#ga" class="sidebar-link">ga</a></li><li class="sidebar-sub-header"><a href="/material/config/#serviceworker" class="sidebar-link">serviceWorker</a></li><li class="sidebar-sub-header"><a href="/material/config/#locales" class="sidebar-link">locales</a></li></ul></li><li><a href="/material/config/#主题化-theming" class="sidebar-link">主题化(theming)</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/material/config/#theme" class="sidebar-link">theme</a></li><li class="sidebar-sub-header"><a href="/material/config/#themeconfig" class="sidebar-link">themeConfig</a></li></ul></li><li><a href="/material/config/#markdown" class="sidebar-link">Markdown</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/material/config/#markdown-slugify" class="sidebar-link">markdown.slugify</a></li><li class="sidebar-sub-header"><a href="/material/config/#markdown-anchor" class="sidebar-link">markdown.anchor</a></li><li class="sidebar-sub-header"><a href="/material/config/#markdown-toc" class="sidebar-link">markdown.toc</a></li><li class="sidebar-sub-header"><a href="/material/config/#markdown-config" class="sidebar-link">markdown.config</a></li></ul></li><li><a href="/material/config/#建立管道-build-pipeline" class="sidebar-link">建立管道(build pipeline)</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/material/config/#postcss" class="sidebar-link">postcss</a></li><li class="sidebar-sub-header"><a href="/material/config/#stylus" class="sidebar-link">stylus</a></li><li class="sidebar-sub-header"><a href="/material/config/#scss" class="sidebar-link">scss</a></li><li class="sidebar-sub-header"><a href="/material/config/#sass" class="sidebar-link">sass</a></li><li class="sidebar-sub-header"><a href="/material/config/#less" class="sidebar-link">less</a></li><li class="sidebar-sub-header"><a href="/material/config/#configurewebpack" class="sidebar-link">configureWebpack</a></li><li class="sidebar-sub-header"><a href="/material/config/#chainwebpack" class="sidebar-link">chainWebpack</a></li></ul></li><li><a href="/material/config/#浏览器兼容性-browser-compatibility" class="sidebar-link">浏览器兼容性(browser compatibility)</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/material/config/#evergreen" class="sidebar-link">evergreen</a></li></ul></li></ul></div></li></ul></div><div class="page"><div class="content"><h1 id="配置参考"><a href="#配置参考" aria-hidden="true" class="header-anchor">#</a> 配置参考</h1><h2 id="基本配置-basic-config"><a href="#基本配置-basic-config" aria-hidden="true" class="header-anchor">#</a> 基本配置(basic config)</h2><h3 id="base"><a href="#base" aria-hidden="true" class="header-anchor">#</a> base</h3><ul><li>Type: <code>string</code></li><li>Default: <code>/</code></li></ul><p>网站用来部署的基准 URL。如果你打算在子路径下部署你的站点，例如 GitHub 页面，则需要设置此项。如果你打算将你的网站部署到<code>https://foo.github.io/bar/</code>，则应将 <code>base</code> 设置为 <code>&quot;/bar/&quot;</code>。它应该始终以斜杠开始和结束。</p><p>在其他选项中，<code>base</code> 会自动添加到以 <code>/</code> 开头的所有 URL 中，因此你只需指定一次即可。</p><p><strong>另请参阅：</strong></p><ul><li><a href="/material/guide/assets.html#base-url">基本 URL</a></li><li><a href="/material/guide/deploy.html#github-pages">部署教程 &gt; Github 页面</a></li></ul><h3 id="title"><a href="#title" aria-hidden="true" class="header-anchor">#</a> title</h3><ul><li>Type: <code>string</code></li><li>Default: <code>undefined</code></li></ul><p>网站的标题。这将是所有页面标题的前缀，并显示在默认主题的导航栏中。</p><h3 id="description"><a href="#description" aria-hidden="true" class="header-anchor">#</a> description</h3><ul><li>Type: <code>string</code></li><li>Default: <code>undefined</code></li></ul><p>网站描述。这将在页面 HTML 中表现为一个 <code>&lt;meta&gt;</code> 标签。</p><h3 id="head"><a href="#head" aria-hidden="true" class="header-anchor">#</a> head</h3><ul><li>Type: <code>Array</code></li><li>Default: <code>[]</code></li></ul><p>被注入页面 HTML <code>&lt;head&gt;</code> 额外的标签。每个标签可以用 <code>[tagName, { attrName: attrValue }, innerHTML?]</code> 的形式指定。例如，要添加自定义图标：</p><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  head<span class="token punctuation">:</span> <span class="token punctuation">[</span>
    <span class="token punctuation">[</span><span class="token string">'link'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> rel<span class="token punctuation">:</span> <span class="token string">'icon'</span><span class="token punctuation">,</span> href<span class="token punctuation">:</span> <span class="token template-string"><span class="token string">`/logo.png`</span></span> <span class="token punctuation">}</span><span class="token punctuation">]</span>
  <span class="token punctuation">]</span>
<span class="token punctuation">}</span>
</code></pre><h3 id="host"><a href="#host" aria-hidden="true" class="header-anchor">#</a> host</h3><ul><li>Type: <code>string</code></li><li>Default: <code>'0.0.0.0'</code></li></ul><p>Specify the host to use for the dev server.</p><h3 id="port"><a href="#port" aria-hidden="true" class="header-anchor">#</a> port</h3><ul><li>Type: <code>number</code></li><li>Default: <code>8080</code></li></ul><p>指定用于 dev 服务器的端口。</p><h3 id="dest"><a href="#dest" aria-hidden="true" class="header-anchor">#</a> dest</h3><ul><li>Type: <code>string</code></li><li>Default: <code>.vuepress/dist</code></li></ul><p>指定 <code>vuepress build</code> 的输出目录。</p><h3 id="ga"><a href="#ga" aria-hidden="true" class="header-anchor">#</a> ga</h3><ul><li>Type: <code>string</code></li><li>Default: <code>undefined</code></li></ul><p>提供 Google AnalyticsID 来开启集成功能。</p><h3 id="serviceworker"><a href="#serviceworker" aria-hidden="true" class="header-anchor">#</a> serviceWorker</h3><ul><li>Type: <code>boolean</code></li><li>Default: <code>false</code></li></ul><p>如果设置为 <code>true</code>，VuePress 将自动生成并注册一个 service worker ，这个 worker 将内容缓存以供离线使用（仅在生产环境中启用）。</p><p>如果开发了一个自定义主题，<code>Layout.vue</code> 组件还将触发以下事件：</p><ul><li><code>sw-ready</code></li><li><code>sw-cached</code></li><li><code>sw-updated</code></li><li><code>sw-offline</code></li><li><code>sw-error</code></li></ul><div class="tip custom-block"><p class="custom-block-title">PWA 注意事项</p><p><code>serviceWorker</code> 选项只能处理 service worker。要使你的站点完全符合 PWA，你需要在<code>.vuepress/public</code> 中提供 Web App 清单和图标。有关更多详细信息，请参阅 <a href="https://developer.mozilla.org/en-US/docs/Web/Manifest" target="_blank" rel="noopener noreferrer">MDN 关于 Web 应用程序清单的文档</a>。</p><p>此外，只有在你能够使用 SSL 部署你的站点时才能启用此功能，因为 service worker 只能在 HTTPs URLs 下注册。</p></div><h3 id="locales"><a href="#locales" aria-hidden="true" class="header-anchor">#</a> locales</h3><ul><li>Type: <code>{ [path: string]: Object }</code></li><li>Default: <code>undefined</code></li></ul><p>Specify locales for i18n support. For more details, see the guide on <a href="/material/guide/i18n.html">Internationalization</a>.</p><h2 id="主题化-theming"><a href="#主题化-theming" aria-hidden="true" class="header-anchor">#</a> 主题化(theming)</h2><h3 id="theme"><a href="#theme" aria-hidden="true" class="header-anchor">#</a> theme</h3><ul><li>Type: <code>string</code></li><li>Default: <code>undefined</code></li></ul><p>指定此选项来使用自定义主题。使用 <code>&quot;foo&quot;</code> 的值，VuePress 将尝试在 <code>node_modules/vuepress-theme-foo/Layout.vue</code> 加载主题组件。</p><h3 id="themeconfig"><a href="#themeconfig" aria-hidden="true" class="header-anchor">#</a> themeConfig</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>为使用的主题提供配置选项。这些选项将根据你使用的主题而有所不同。</p><p><strong>另请参阅：</strong></p><ul><li><a href="/material/default-theme-config/">默认主题配置</a>.</li></ul><h2 id="markdown"><a href="#markdown" aria-hidden="true" class="header-anchor">#</a> Markdown</h2><h3 id="markdown-slugify"><a href="#markdown-slugify" aria-hidden="true" class="header-anchor">#</a> markdown.slugify</h3><ul><li>Type: <code>Function</code></li><li>Default: <a href="https://github.com/vuejs/vuepress/blob/master/lib/markdown/slugify.js" target="_blank" rel="noopener noreferrer">source</a></li></ul><p>将标题文本转换为别名(slug)的函数。这会影响标题锚点、目录和侧边栏链接生成的 id 和链接。（译者注：此功能是为了解决非 ASCII 码字符生成链接时的 <a href="https://github.com/vuejs/vuepress/issues/45" target="_blank" rel="noopener noreferrer">bug</a>，具体代码查看 /lib/markdown/slugify 的 slugify 函数）</p><h3 id="markdown-anchor"><a href="#markdown-anchor" aria-hidden="true" class="header-anchor">#</a> markdown.anchor</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{ permalink: true, permalinkBefore: true, permalinkSymbol: '#' }</code></li></ul><p><a href="https://github.com/valeriangalliat/markdown-it-anchor" target="_blank" rel="noopener noreferrer">markdown-it-anchor</a> 的选项。(注意：如果你想自定义标题 id 的话尽量使用 <code>markdown.slugify</code>。)</p><h3 id="markdown-toc"><a href="#markdown-toc" aria-hidden="true" class="header-anchor">#</a> markdown.toc</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{ includeLevel: [2, 3] }</code></li></ul><p><a href="https://github.com/Oktavilla/markdown-it-table-of-contents" target="_blank" rel="noopener noreferrer">markdown-it-table-of-contents</a> 的选项。(注意：如果你想自定义标题 id 的话尽量使用 <code>markdown.slugify</code>。)</p><h3 id="markdown-config"><a href="#markdown-config" aria-hidden="true" class="header-anchor">#</a> markdown.config</h3><ul><li>Type: <code>Function</code></li><li>Default: <code>undefined</code></li></ul><p>将额外的插件应用于渲染源文件的 <a href="https://github.com/markdown-it/markdown-it" target="_blank" rel="noopener noreferrer">markdown-it</a> 实例的函数。例如：</p><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  markdown<span class="token punctuation">:</span> <span class="token punctuation">{</span>
    config<span class="token punctuation">:</span> md <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
      md<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span><span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'markdown-it-xxx'</span><span class="token punctuation">)</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre><h2 id="建立管道-build-pipeline"><a href="#建立管道-build-pipeline" aria-hidden="true" class="header-anchor">#</a> 建立管道(build pipeline)</h2><h3 id="postcss"><a href="#postcss" aria-hidden="true" class="header-anchor">#</a> postcss</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{ plugins: [require('autoprefixer')] }</code></li></ul><p><a href="https://github.com/postcss/postcss-loader" target="_blank" rel="noopener noreferrer">postcss-loader</a> 的选项。注意：指定这个值将会覆盖 autoprefixer，你需要把 autoprefixer 的选项也包含进去。</p><h3 id="stylus"><a href="#stylus" aria-hidden="true" class="header-anchor">#</a> stylus</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{ preferPathResolver: 'webpack' }</code></li></ul><p>提供给 <a href="https://github.com/shama/stylus-loader" target="_blank" rel="noopener noreferrer">stylus-loader</a> 的参数。</p><h3 id="scss"><a href="#scss" aria-hidden="true" class="header-anchor">#</a> scss</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>提供给 <a href="https://github.com/postcss/postcss-loader" target="_blank" rel="noopener noreferrer">sass-loader</a> 的参数，用来加载 <code>*.scss</code> 文件。</p><h3 id="sass"><a href="#sass" aria-hidden="true" class="header-anchor">#</a> sass</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{ indentedSyntax: true }</code></li></ul><p>提供给 <a href="https://github.com/webpack-contrib/sass-loader" target="_blank" rel="noopener noreferrer">sass-loader</a> 的参数，用来加载 <code>*.sass</code> 文件。</p><h3 id="less"><a href="#less" aria-hidden="true" class="header-anchor">#</a> less</h3><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>提供给 <a href="https://github.com/webpack-contrib/less-loader" target="_blank" rel="noopener noreferrer">less-loader</a> 的参数。</p><h3 id="configurewebpack"><a href="#configurewebpack" aria-hidden="true" class="header-anchor">#</a> configureWebpack</h3><ul><li>Type: <code>Object | Function</code></li><li>Default: <code>undefined</code></li></ul><p>修改内部 webpack 配置。如果该值是一个对象，它将被合并到使用 <a href="https://github.com/survivejs/webpack-merge" target="_blank" rel="noopener noreferrer">webpack-merge</a> 的最终配置中；如果该值是一个函数，它将接收 config 作为第一个参数，并将 <code>isServer</code> 这个标志作为第二个参数。你可以直接改变配置，或者返回一个要合并的对象：</p><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  configureWebpack<span class="token punctuation">:</span> <span class="token punctuation">(</span>config<span class="token punctuation">,</span> isServer<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>isServer<span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token comment">// mutate the config for client</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre><h3 id="chainwebpack"><a href="#chainwebpack" aria-hidden="true" class="header-anchor">#</a> chainWebpack</h3><ul><li>Type: <code>Function</code></li><li>Default: <code>undefined</code></li></ul><p>使用 <a href="https://github.com/mozilla-neutrino/webpack-chain" target="_blank" rel="noopener noreferrer">webpack-chain</a> 修改内部的 webpack 配置。</p><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  chainWebpack<span class="token punctuation">:</span> <span class="token punctuation">(</span>config<span class="token punctuation">,</span> isServer<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token comment">// config is an instance of ChainableConfig</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre><h2 id="浏览器兼容性-browser-compatibility"><a href="#浏览器兼容性-browser-compatibility" aria-hidden="true" class="header-anchor">#</a> 浏览器兼容性(browser compatibility)</h2><h3 id="evergreen"><a href="#evergreen" aria-hidden="true" class="header-anchor">#</a> evergreen</h3><ul><li>Type: <code>boolean</code></li><li>Default: <code>false</code></li></ul><p>如果你只针对常青树浏览器，请设置为 <code>true</code> 。这将禁用 IE5 的 ES5 转码和 polyfill，导致更快的构建和更小的文件。</p><hr><blockquote><p>原文：<a href="https://vuepress.vuejs.org/config/" target="_blank" rel="noopener noreferrer">https://vuepress.vuejs.org/config/</a></p></blockquote><hr></div><div class="content edit-link"><a href="https://github.com/docschina/vuepress/edit/master/docs/config/README.md" target="_blank" rel="noopener noreferrer">在GitHub上编辑此页</a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div><!----></div></div></div>
    <script src="/material/assets/js/11.b5d01b0b.js" defer></script><script src="/material/assets/js/app.671f232e.js" defer></script>
  </body>
</html>
